﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UsrLogin.aspx.cs" Inherits="Family_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../css/family.css">
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/respond.min.js"></script>
    <script type="text/javascript" src="../js/jquery.validate.js"></script>
    <script type="text/javascript" src="../js/js.cookie.js"></script>
    <script type="text/javascript" src="../js/pages/usr-login.js"></script>
    <style type="text/css">
        .warning
        {
            color: red;
        }
        .page-header
        {
            margin-top:20px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="jumbotron" style="padding-top:20px">
            <!--<div class="container">-->
                <div class="page-header" style="margin-top:0px;margin-bottom:0px">
                    <div class="row">
                        <div class="col-md-2" style="margin-top:20px;"><img src="../images/yslogo_v.gif" width="320px" class="img-rounded" /></div>
                        <div class="col-md-8 col-md-offset-2">
                            <h1>悦享书吧 <br><small><small>快乐阅读，共享书香。</small></small></h1>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-8">
                        <img class="img-thumbnail" src="../images/logo2.jpg" />
                    </div>
                    <div class="col-md-4">
                        <form class="form-signin" id="login-form">
                        <h2 class="form-signin-heading">
                            请登录</h2>
                        <label for="phoneNumber" class="sr-only">
                            手机号码</label>
                        <input type="text" name="phoneNumber" id="phoneNumber" class="form-control" placeholder="手机号码" value=""
                            required="" autofocus="">
                        <label for="inputPassword" class="sr-only">
                            密码</label>
                        <input type="password" name="inputPassword" id="inputPassword" class="form-control" value=""
                            placeholder="密码" required="">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="remember-me">
                                记住我
                            </label>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" id="confirm-rule" name="confirmRule">
                                已阅并同意书吧制度
                            </label>
                        </div>
                        <a class="btn btn-lg btn-primary btn-block" id="login-btn">登录</a>
                        </form>
                    </div>
                </div>
                <div class="row" style="padding-top: 30px">
                    <div class="col-md-3">
                        <h4>
                            借阅量</h4>
                        <ul class="list-group" id="borrowed-count-list">
                        </ul>
                    </div>
                    <!-- /.col-md-3 -->
                    <div class="col-md-3">
                        <h4>
                            星级数</h4>
                        <ul class="list-group" id="star-count-list">
                        </ul>
                    </div>
                    <!-- /.col-md-3 -->
                    <div class="col-md-3">
                        <h4>
                            评论数</h4>
                        <ul class="list-group" id="comments-count-list">
                        </ul>
                    </div>
                    <!-- /.col-md-3 -->
                    <div class="col-md-3">
                        <h4>
                            最新上架</h4>
                        <ul class="list-group" id="newest-books-list">
                        </ul>
                    </div>
                    <!-- /.col-md-3 -->
                </div>
            <!--</div>-->
        </div>
    </div>
    <!--#include file="partials/DialogModal.htm" -->
    <!--#include file="partials/ConfirmRuleDialogModal.htm" -->
</body>
</html>
